<script>

export default {
  dicts: ['dept_abbreviation', 'dept_fullname'],
  props: {
    topPreviewList:{
      type:Array,
      default:[]
    },
  },
  data(){
    return{

    }
  }
}

</script>

<template>
  <div>

    <el-table
      :data="topPreviewList"
      border
      style="width: 100%">
      <el-table-column label="部门" align="center" prop="dept" width="200">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.dept_abbreviation" :value="scope.row.dept"/>
        </template>
      </el-table-column>
      <el-table-column
        prop="date"
        label="时间"
        width="180">
      </el-table-column>
      <el-table-column
        prop="topList"
        label="Top问题">
        <template slot-scope="scope">
          <el-table
            :data="scope.row.topList"
            border
            style="width: 100%">
            <el-table-column
              prop="name"
              label="名称">
            </el-table-column>
            <el-table-column
              prop="value"
              label="发生率">
            </el-table-column>
          </el-table>
        </template>
      </el-table-column>
    </el-table>

  </div>
</template>

<style scoped lang="scss">

</style>
